<template>
    <div>
        <h2>房号显示</h2>
        <table>
            <tr>
                <td>
                    <button @click="shang" style="color: blue;">批量上架</button>
                    <button @click="shan" class="bg bg-primary">批量删除</button>

                </td>
            </tr>
        </table>
        <table class="table table-bordered">
            <tr class="bg bg-primary">
                <td><input type="checkbox"></td>
                <td>房型名称</td>
                <td>房间号码</td>
                <td>房间描述</td>
                <td>状态</td>
                
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>标准间</td>
                <td>666</td>
                <td>标准间</td>
                <td>上架</td>

            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>豪华间</td>
                <td>777</td>
                <td>标准间</td>
                <td>下架</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>情侣房</td>
                <td>888</td>
                <td>情侣房</td>
                <td>下架</td>
            </tr>
            <tr>
                <td><input type="checkbox"></td>
                <td>总裁房</td>
                <td>999</td>
                <td>总裁房</td>
                <td>下架</td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref } from "vue";
import { useRouter } from "vue-router";
import "bootstrap/dist/css/bootstrap.min.css";

const router = useRouter();
const shang=()=>{
    router.push("shewhao");
}


</script>

<style scoped>

</style>